import cm from 'classnames'

const Index = (props) => {
  const { fill = '#3D3D3D', className, onClick } = props
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      version="1.1"
      width="16"
      height="16"
      className={cm('cursor-pointer', className)}
      onClick={onClick}
      viewBox="0 0 16 16"
    >
      <defs>
        <clipPath id="master_svg0_466_48872">
          <rect x="0" y="0" width="16" height="16" rx="0" />
        </clipPath>
      </defs>
      <g>
        <g>
          <path
            fill={fill}
            d="M6.99219,12.0781C9.80108,12.0781,12.0781,9.80108,12.0781,6.99219C12.0781,4.1833,9.80108,1.90625,6.99219,1.90625C4.1833,1.90625,1.90625,4.1833,1.90625,6.99219C1.90625,9.80108,4.1833,12.0781,6.99219,12.0781ZM12.0532,11.0588L15.266,14.2716C15.5406,14.5462,15.5406,14.9914,15.266,15.266C14.9914,15.5406,14.5462,15.5406,14.2716,15.266L11.0588,12.0532C9.94598,12.9485,8.53166,13.4844,6.99219,13.4844C3.40666,13.4844,0.5,10.5777,0.5,6.99219C0.5,3.40666,3.40666,0.5,6.99219,0.5C10.5777,0.5,13.4844,3.40666,13.4844,6.99219C13.4844,8.53166,12.9485,9.94598,12.0532,11.0588Z"
            fillOpacity="1"
          />
        </g>
      </g>
    </svg>
  )
}

export default Index
